Table 1

	Gym	Excercise Room	Pool
	3 activities	2 activities	1 activity
1 pm	Dodge Ball	Spinning	Water polo
2 pm	Spinning	Yoga marathon
3 pm	Sack racing	Yoga marathon

Table 2

	Gym	Excercise Room	Pool
	3 activities	2 activities	1 activity
1 pm	Dodge Ball	Spinning	Water polo
2 pm	Spinning	Yoga marathon
3 pm	Sack racing	Yoga marathon

Table 3

	Gym	Excercise Room	Pool
	3 activities	2 activities	1 activity
1 pm	Dodge Ball	Spinning	Water polo
2 pm	Spinning	Yoga marathon
3 pm	Sack racing	Yoga marathon

Table 4

	Gym	Excercise Room	Pool
	3 activities	2 activities	1 activity
1 pm	Dodge Ball	Spinning	Water polo
2 pm	Spinning	Yoga marathon
3 pm	Sack racing	Yoga marathon

SAMPLE CODE

table.table1 {
	 border-collapse: collapse; /* moves gaps from table cells */
	 
	}
	
	table.table2 {
	 border-collapse: collapse; /* moves gaps from table cells */
	}
	
	table.table3 {
	 border-left: 5px solid yellow;
	 border-right: 5px solid yellow;
	 
	 
	}
	
	table.table4 {
	
	 border-spacing: 5em;
	 
	 
	}
	
	th, td {
	 padding: .25em;
	}
	
	th.thtble1, td.tdtble1 {
	 border: 1px solid yellow;
	}
	
	th.thtble4, td.tdtble4 {
	 border: 1px solid yellow;
	}
	
	
	
	th.thtble2 {
	 border: 3px solid green;
	 border-bottom: 3px solid green;
	}
	
	---------------------------------------------------------------------------------
	
	<h1>Table 1</h1>
<table class="table1">
 <thead>
  <tr>
    <th class="thtble1" scope="col"></th>
		<th class="thtble1" scope="col">Gym</th>
		<th class="thtble1" scope="col">Excercise Room</th>
		<th class="thtble1" scope="col">Pool</th>
  </tr>
 </thead>
 
 <tfoot>
  <tr>
    <th class="thtble1" scope="col"></th>
		<th class="thtble1" scope="col">3 activities</th>
		<th class="thtble1" scope="col">2 activities</th>
		<th class="thtble1" scope="col">1 activity</th>
  </tr>
</tfoot>

<tr>
	  <th class="thtble1"  scope="row">1 pm</th>
		<td class="tdtble1" >Dodge Ball</td>
		<td class="tdtble1" >Spinning</td>
		<td class="tdtble1" rowspan="3">Water polo</td>
	</tr>
	<tr>
	  <th class="thtble1" scope="row">2 pm</th>
		<td class="tdtble1">Spinning</td>
		<td class="tdtble1" rowspan="2">Yoga marathon</td>
	</tr>
	<tr>
	  <th class="thtble1" scope="row">3 pm</th>
		<td class="tdtble1" rowspan="3">Sack racing</td>
	</tr>
</table>

<h1>Table 2</h1>
<br><br>
<table class="table2">
 <thead>
  <tr>
    <th class="thtble2" scope="col"></th>
		<th class="thtble2" scope="col">Gym</th>
		<th class="thtble2" scope="col">Excercise Room</th>
		<th class="thtble2" scope="col">Pool</th>
  </tr>
 </thead>
 <tfoot>
  <tr>
    <th scope="col"></th>
		<th scope="col">3 activities</th>
		<th scope="col">2 activities</th>
		<th scope="col">1 activity</th>
  </tr>
</tfoot>
	<tr>
	  <th scope="row">1 pm</th>
		<td>Dodge Ball</td>
		<td>Spinning</td>
		<td rowspan="3">Water polo</td>
	</tr>
	<tr>
	  <th scope="row">2 pm</th>
		<td>Spinning</td>
		<td rowspan="2">Yoga marathon</td>
	</tr>
	<tr>
	  <th scope="row">3 pm</th>
		<td rowspan="3">Sack racing</td>
	</tr>
</table>
<h1>Table 3</h1>
<br><br>
<table class="table3">
 <thead>
  <tr>
    <th class="thtble3" scope="col"></th>
		<th class="thtble3" scope="col">Gym</th>
		<th class="thtble3" scope="col">Excercise Room</th>
		<th class="thtble3" scope="col">Pool</th>
  </tr>
 </thead>
 
 <tfoot>
  <tr>
    <th class="thtble3" scope="col"></th>
		<th class="thtble3" scope="col">3 activities</th>
		<th class="thtble3" scope="col">2 activities</th>
		<th class="thtble3" scope="col">1 activity</th>
  </tr>
</tfoot>

<tr>
	  <th class="thtble3"  scope="row">1 pm</th>
		<td class="tdtble3" >Dodge Ball</td>
		<td class="tdtble3" >Spinning</td>
		<td class="tdtble3" rowspan="3">Water polo</td>
	</tr>
	<tr>
	  <th class="thtble3" scope="row">2 pm</th>
		<td class="tdtble3">Spinning</td>
		<td class="tdtble3" rowspan="2">Yoga marathon</td>
	</tr>
	<tr>
	  <th class="thtble3" scope="row">3 pm</th>
		<td class="tdtble3" rowspan="3">Sack racing</td>
	</tr>
</table>
<br>

<h1>Table 4</h1>

<table class="table4">
 <thead>
  <tr>
    <th class="thtble4" scope="col"></th>
		<th class="thtble4" scope="col">Gym</th>
		<th class="thtble4" scope="col">Excercise Room</th>
		<th class="thtble4" scope="col">Pool</th>
  </tr>
 </thead>
 
 <tfoot>
  <tr>
    <th class="thtble4" scope="col"></th>
		<th class="thtble4" scope="col">3 activities</th>
		<th class="thtble4" scope="col">2 activities</th>
		<th class="thtble4" scope="col">1 activity</th>
  </tr>
</tfoot>

<tr>
	  <th class="thtble4"  scope="row">1 pm</th>
		<td class="tdtble4" >Dodge Ball</td>
		<td class="tdtble4" >Spinning</td>
		<td class="tdtble4" rowspan="3">Water polo</td>
	</tr>
	<tr>
	  <th class="thtble4" scope="row">2 pm</th>
		<td class="tdtble4">Spinning</td>
		<td class="tdtble4" rowspan="2">Yoga marathon</td>
	</tr>
	<tr>
	  <th class="thtble4" scope="row">3 pm</th>
		<td class="tdtble4" rowspan="3">Sack racing</td>
	</tr>
</table>